﻿<!DOCTYPE html>
<html lang="zxx">
<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="echo blog">
	<meta name="author" content="东流长江水">

	<title>Echo Blog</title>

	<!-- Favicon -->

	<!-- ICON CSS -->
	<link rel="stylesheet" href="../../static/bootstrap-blog/js/font-awesome/css/font-awesome.min.css">

	<!-- CSS -->
	<link rel="stylesheet" href="../../static/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../static/bootstrap-blog/js/bootstrap/bootstrap.min.css">
	<link rel="stylesheet" href="../../static/bootstrap-blog/js/slick/slick.css">
	<link rel="stylesheet" href="../../static/bootstrap-blog/css/animate.css">
	<link rel="stylesheet" href="../../static/bootstrap-blog/css/style.css">
	<link rel="stylesheet" href="../../static/blog/css/blog.css">

	<!-- MODERNIZR -->
     <script src="../../static/bootstrap-blog/js/modernizr-2.8.3-respond-1.4.2.min.js"></script>

</head>
<body>


<div class="wrapper">
	<header class="header header-megamenu">
		<nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="blog-navbar">
			<div class="container">
				<div class="search-bar">
					<input type="search" placeholder="输入要查找的内容">
					<div class="search-close"><i class="fa fa-times"></i></div>
				</div>
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="/">Echo</a>
				</div>

				<div class="search-trigger pull-right"></div>
				<!--<div class="login pull-right"></div>-->

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-ex1-collapse pull-right">
					<ul class="nav navbar-nav">
						<li class="dropdown dropdown-v1">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home <span class="fa fa-angle-down"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Homepage - 01</a></li>
								<li><a href="#">Homepage - 02</a></li>
								<li><a href="#">Homepage - 03</a></li>
								<li><a href="#">Homepage - 04</a></li>
								<li><a href="#">Homepage - 05</a></li>
								<li><a href="#">Homepage - 06</a></li>
								<li><a href="#">Homepage - 07</a></li>
								<li><a href="#">Homepage - 08</a></li>
							</ul>
						</li>
						<li class="dropdown dropdown-v1">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Category <span class="fa fa-angle-down"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Category - 01</a></li>
								<li><a href="#">Category - 02</a></li>
								<li><a href="#">Category - 03</a></li>
								<li><a href="#">Category - 04</a></li>
								<li><a href="#">Category - 05</a></li>
								<li><a href="#">Category - 06</a></li>
								<li><a href="#">Category - 07</a></li>
								<li><a href="#">Category - 08</a></li>
							</ul>
						</li>
						<li class="dropdown dropdown-v1">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Posts <span class="fa fa-angle-down"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Post style - 01</a></li>
								<li><a href="#">Post Style - 02</a></li>
								<li><a href="#">Post Style - 03</a></li>
								<li><a href="#">Post Style - 04</a></li>
							</ul>
						</li>
						<li class="dropdown dropdown-v1">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <span class="fa fa-angle-down"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Headers</a></li>
								<li><a href="#">Header - Sidemenu</a></li>
								<li><a href="#">Footer</a></li>
							</ul>
						</li>
						<li class="dropdown dropdown-v1">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Technology <span class="fa fa-angle-down"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li><a href="#">Separated link</a></li>
							</ul>
						</li>
						<li class="dropdown dropdown-v1">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Finance <span class="fa fa-angle-down"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li><a href="#">Separated link</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
		</nav>
	</header>

	<!-- SLIDER -->
	<div class="container-fluid no-padding">
		<div class="blog-container">
			<div class="home-slider-wrap">
				<!-- 轮播图 -->
				<div class="home-slider">
					<div>
						<article class="style3 single text-center no-margin">
							<div class="overlay overlay-02"></div>
							<div class="post-thumb">
								<div class="container">
									<div class="post-excerpt">
										<div class="small-title cat">Travel</div>
										<h3 class="h1 text-white">Twitter Stock Surges On Disney<br>Takeover Rumor</h3>
										<div class="meta">
											<span class="author"><img src="../../static/bootstrap-blog/img/avatar/1.jpg" class="img-circle" alt=""> by Babs C.</span>
											<span>on Sep 22,2016</span>
										</div>
										<div class="meta">
											<span class="comment"><i class="fa fa-comment-o"></i> 5</span>
											<span class="views"><i class="fa fa-eye"></i> 682 views</span>
										</div>
									</div>
								</div>
								<img src="../../static/bootstrap-blog/img/home/01/slider/1.jpg" class="bg-img img-responsive" alt="">
							</div>
						</article>
					</div>
					<div>
						<article class="style3 single text-center no-margin">
							<div class="overlay overlay-02"></div>
							<div class="post-thumb">
								<div class="container">
									<div class="post-excerpt">
										<div class="small-title cat">Travel</div>
										<h3 class="h1 text-white">Twitter Stock Surges On Disney<br>Takeover Rumor</h3>
										<div class="meta">
											<span class="author"><img src="../../static/bootstrap-blog/img/avatar/1.jpg" class="img-circle" alt=""> by Babs C.</span>
											<span>on Sep 22,2016</span>
										</div>
										<div class="meta">
											<span class="comment"><i class="fa fa-comment-o"></i> 5</span>
											<span class="views"><i class="fa fa-eye"></i> 682 views</span>
										</div>
									</div>
								</div>
								<img src="../../static/bootstrap-blog/img/home/01/slider/2.jpg" class="bg-img img-responsive" alt="">
							</div>
						</article>
					</div>
					<div>
						<article class="style3 single text-center no-margin">
							<div class="overlay overlay-02"></div>
							<div class="post-thumb">
								<div class="container">
									<div class="post-excerpt">
										<div class="small-title cat">Travel</div>
										<h3 class="h1 text-white">Twitter Stock Surges On Disney<br>Takeover Rumor</h3>
										<div class="meta">
											<span class="author"><img src="../../static/bootstrap-blog/img/avatar/1.jpg" class="img-circle" alt=""> by Babs C.</span>
											<span>on Sep 22,2016</span>
										</div>
										<div class="meta">
											<span class="comment"><i class="fa fa-comment-o"></i> 5</span>
											<span class="views"><i class="fa fa-eye"></i> 682 views</span>
										</div>
									</div>
								</div>
								<img src="../../static/bootstrap-blog/img/home/01/slider/3.jpg" class="bg-img img-responsive" alt="">
							</div>
						</article>
					</div>
				</div>
				<div class="hs-prev"><i class="fa fa-angle-left"></i></div>
				<div class="hs-next"><i class="fa fa-angle-right"></i></div>
			</div>
		</div>
	</div>
	<!-- SLIDER END -->

	<div class="inner-content">
		<div class="container">
			<div class="section-head">
				<h2>最新文章</h2>
			</div>

			<div class="row">
				<!-- 帖子具体内容 -->
				<div class="col-md-8">
					<div class="blog-single">
						<h3 class="h1" id="title">Twitter Stock Surges On Disney Takeover Rumor</h3>

						<div class="single-meta">
							<div class="meta pull-left">
								<span class="author" id="author"><img src="../../static/bootstrap-blog/img/avatar/1.jpg" class="img-circle" alt=""/> by Babs C.</span>
								<span class="date" id="publishDate">on Sep 22,2016</span>
								<span class="comment" id="commentSize"><i class="fa fa-comment-o"></i> 5</span>
								<span class="views" id="browseCount"><i class="fa fa-eye"></i> 682 views</span>
							</div>

							<div class="pull-right">
								<div class="social">
									<a href="#" class="fa fa-facebook"></a>
									<a href="#" class="fa fa-twitter"></a>
									<a href="#" class="fa fa-pinterest"></a>
									<a href="#" class="fa fa-linkedin"></a>
									<a href="#" class="fa fa-envelope-o"></a>
								</div>
							</div>

							<div class="clearfix"></div>
						</div>

						<div id="context">
							<p>At the first debate between Donald Trump and Hillary Clinton, authenticity proved to be no substitution for preparation. Strong words faded in the face of solid experience. And, in a campaign that has seen norms shattered, there was something comforting about at least one candidate behaving in expected ways — and</p>
						</div>

						<div class="clearfix"></div>
					</div>

					<div class="comments">
						<h5>热门评论</h5>

						<ul id="comments">
							<li>
								<div class="comment-content">
									<img src="../../static/bootstrap-blog/img/avatar/1-med.png" alt="" />

									<div class="comment-title">Dan Counsell <span>15 hours ago</span></div>
									<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>

									<div class="comment-meta">
										<div class="comment-id">sfsdfsd</div>
										<span><a href="#"><i class="fa fa-reply"></i> Reply</a></span>
									</div>
								</div>
							</li>

							<li class="sub-comment">
								<div class="comment-content">
									<img src="../../static/bootstrap-blog/img/avatar/1-med.png" alt="" />

									<div class="comment-title">Dan Counsell <span>15 hours ago</span></div>
									<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>

									<div class="comment-meta">
										<div class="reply-id">dfgsrdf</div>
										<span><a href="#"><i class="fa fa-reply"></i> Reply</a></span>
									</div>
								</div>
							</li>

							<li class="sub-comment">
								<div class="comment-content">
									<img src="../../static/bootstrap-blog/img/avatar/1-med.png" alt="" />

									<div class="comment-title">Dan Counsell <span>15 hours ago</span></div>
									<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>

									<div class="comment-meta">
										<span><a href="#"><i class="fa fa-heart-o"></i> 8</a></span>
										<span><a href="#"><i class="fa fa-reply"></i> Reply</a></span>
									</div>
								</div>
							</li>

							<li>
								<div class="comment-content">
									<img src="../../static/bootstrap-blog/img/avatar/1-med.png" alt="" />

									<div class="comment-title">Dan Counsell <span>15 hours ago</span></div>
									<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>

									<div class="comment-meta">
										<span><a href="#"><i class="fa fa-heart-o"></i> 8</a></span>
										<span><a href="#"><i class="fa fa-reply"></i> Reply</a></span>
									</div>
								</div>
							</li>

							<li>
								<div class="comment-content">
									<img src="../../static/bootstrap-blog/img/avatar/1-med.png" alt="" />

									<div class="comment-title">Dan Counsell <span>15 hours ago</span></div>
									<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>

									<div class="comment-meta">
										<span><a href="#"><i class="fa fa-heart-o"></i> 8</a></span>
										<span><a href="#"><i class="fa fa-reply"></i> Reply</a></span>
									</div>
								</div>
							</li>
						</ul>
					</div>

					<div class="comment-form" id="comment-form">
						<h5>发表评论</h5>

						<div id="comment-window" class="alert alert-danger alert-dismissible info-window" role="alert" hidden>
							<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<strong>Warning!</strong> <span>Better check yourself, you're not looking too good.</span>
						</div>
						<div class="row">
							<div class="col-md-6">
								<input type="text" placeholder="用户名" id="username" autocomplete="off">
							</div>

							<div class="col-md-6">
								<input type="email" placeholder="邮箱" autocomplete="off">
							</div>
						</div>

						<textarea placeholder="评论内容" id="comment-text" autocomplete="off"></textarea>

						<button id="btn-comment">评论</button>
					</div>

				</div>

				<aside class="col-md-4">

					<div class="side-widget">
						<h4>热门文章</h4>
						<article class="style4">
							<a href="#">
								<div class="overlay overlay-02"></div>
								<div class="post-thumb">
									<div class="small-title cat">Market</div>
									<div class="post-excerpt">
										<div class="meta">
											<span class="date">Sep 22,2016</span>
										</div>
										<h3 class="text-white">Solange Knowles Will Release Her New Album on Friday</h3>
									</div>
									<img src="../../static/bootstrap-blog/img/side/1.jpg" class="bg-img img-full" alt=""/>
								</div>
							</a>
						</article>

						<article class="style4">
							<a href="#">
								<div class="overlay overlay-02"></div>
								<div class="post-thumb">
									<div class="small-title cat">Market</div>
									<div class="post-excerpt">
										<div class="meta">
											<span class="date">Sep 19,2016</span>
										</div>
										<h3 class="text-white">Yahoo Hack Could Still Have Wide-Reaching Consequences</h3>
									</div>
									<img src="../../static/bootstrap-blog/img/side/2.jpg" class="bg-img img-full" alt=""/>
								</div>
							</a>
						</article>

						<article class="style4 no-padding">
							<a href="#">
								<div class="overlay overlay-02"></div>
								<div class="post-thumb">
									<div class="small-title cat">Market</div>
									<div class="post-excerpt">
										<div class="meta">
											<span class="date">Sep 22,2016</span>
										</div>
										<h3 class="text-white">Google's New App Wants to Be Your Personal Travel Guide</h3>
									</div>
									<img src="../../static/bootstrap-blog/img/side/3.jpg" class="bg-img img-full" alt=""/>
								</div>
							</a>
						</article>
					</div>

					<div class="clearfix"></div>

					<div class="side-widget">
						<h4>排行</h4>

						<div role="tabpanel">
							<!-- Nav tabs -->
							<ul class="nav nav-tabs nav-justified" role="tablist">
								<li role="presentation" class="active">
									<a href="#popular" aria-controls="popular" role="tab" data-toggle="tab">最受欢迎</a>
								</li>
								<li role="presentation">
									<a href="#commented" aria-controls="commented" role="tab" data-toggle="tab">最多评论</a>
								</li>
								<li role="presentation">
									<a href="#viewed" aria-controls="viewed" role="tab" data-toggle="tab">最多阅读</a>
								</li>
							</ul>

							<!-- Tab panes -->
							<div class="tab-content">
								<div role="tabpanel" class="tab-pane active fade in" id="popular">
									<article class="style4">
										<a href="#">
											<div class="overlay overlay-02"></div>
											<div class="post-thumb">
												<div class="small-title cat">Football</div>
												<div class="post-excerpt">
													<div class="meta">
														<span class="date">Sep 19,2016</span>
													</div>
													<h3 class="text-white">Mica Mosbacher finds happiness after heartache</h3>
												</div>
												<img src="../../static/bootstrap-blog/img/side/4.jpg" class="bg-img img-full" alt=""/>
											</div>
										</a>
									</article>

									<div class="mini-posts">
										<article class="style2">
											<div class="row">
												<div class="col-md-4 col-sm-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/side/01/1.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8 col-sm-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">What You Missed While Not Watching the Debate</a></h5>
													</div>
												</div>
											</div>
										</article>
										<article class="style2">
											<div class="row">
												<div class="col-md-4 col-sm-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/side/01/2.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8 col-sm-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">New Doodle Celebrates Google Turning 18 All Over Again</a></h5>
														<div class="meta">
															<span class="comment"><i class="fa fa-comment-o"></i> 18</span>
														</div>
													</div>
												</div>
											</div>
										</article>
										<article class="style2">
											<div class="row">
												<div class="col-md-4 col-sm-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/side/01/3.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8 col-sm-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">We Must Move Forward on Clean Power Plan</a></h5>
													</div>
												</div>
											</div>
										</article>
										<article class="style2">
											<div class="row">
												<div class="col-md-4 col-sm-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/side/01/4.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8 col-sm-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">The Funeral of Shimon Peres to Be Held on Friday</a></h5>
													</div>
												</div>
											</div>
										</article>
									</div>
								</div>

								<div role="tabpanel" class="tab-pane fade in" id="commented">
									<article class="style4">
										<a href="#">
											<div class="overlay overlay-02"></div>
											<div class="post-thumb">
												<div class="small-title cat">Market</div>
												<div class="post-excerpt">
													<div class="meta">
														<span class="date">Sep 22,2016</span>
													</div>
													<h3 class="text-white">Solange Knowles Will Release Her New Album on Friday</h3>
												</div>
												<img src="../../static/bootstrap-blog/img/category/08/4.jpg" class="bg-img img-responsive" alt=""/>
											</div>
										</a>
									</article>
									<div class="mini-posts">
										<article class="style2">
											<div class="row">
												<div class="col-md-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/category/08/8.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">What You Missed While Not Watching the Debate</a></h5>
													</div>
												</div>
											</div>
										</article>
										<article class="style2">
											<div class="row">
												<div class="col-md-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/category/08/8.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">What You Missed While Not Watching the Debate</a></h5>
														<div class="meta">
															<span class="comment"><i class="fa fa-comment-o"></i> 18</span>
														</div>
													</div>
												</div>
											</div>
										</article>
										<article class="style2">
											<div class="row">
												<div class="col-md-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/category/08/8.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">What You Missed While Not Watching the Debate</a></h5>
													</div>
												</div>
											</div>
										</article>
										<article class="style2">
											<div class="row">
												<div class="col-md-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/category/08/8.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">What You Missed While Not Watching the Debate</a></h5>
													</div>
												</div>
											</div>
										</article>
									</div>
								</div>

								<div role="tabpanel" class="tab-pane fade in" id="viewed">
									<article class="style4">
										<a href="#">
											<div class="overlay overlay-02"></div>
											<div class="post-thumb">
												<div class="small-title cat">Market</div>
												<div class="post-excerpt">
													<div class="meta">
														<span class="date">Sep 22,2016</span>
													</div>
													<h3 class="text-white">Solange Knowles Will Release Her New Album on Friday</h3>
												</div>
												<img src="../../static/bootstrap-blog/img/category/08/4.jpg" class="bg-img img-responsive" alt=""/>
											</div>
										</a>
									</article>

									<div class="mini-posts">
										<article class="style2">
											<div class="row">
												<div class="col-md-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/category/08/8.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">What You Missed While Not Watching the Debate</a></h5>
													</div>
												</div>
											</div>
										</article>

										<article class="style2">
											<div class="row">
												<div class="col-md-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/category/08/8.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">What You Missed While Not Watching the Debate</a></h5>
														<div class="meta">
															<span class="comment"><i class="fa fa-comment-o"></i> 18</span>
														</div>
													</div>
												</div>
											</div>
										</article>

										<article class="style2">
											<div class="row">
												<div class="col-md-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/category/08/8.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">What You Missed While Not Watching the Debate</a></h5>
													</div>
												</div>
											</div>
										</article>

										<article class="style2">
											<div class="row">
												<div class="col-md-4">
													<a href="#">
														<div class="article-thumb">
															<img src="../../static/bootstrap-blog/img/category/08/8.jpg" class="img-responsive" alt=""/>
														</div>
													</a>
												</div>
												<div class="col-md-8">
													<div class="post-excerpt no-padding">
														<div class="meta">
															<span>Sep 19, 2016</span>
														</div>
														<h5><a href="#">What You Missed While Not Watching the Debate</a></h5>
													</div>
												</div>
											</div>
										</article>
									</div>
								</div>
							</div>
						</div>
						<!-- TABS -->

					</div>

					<div class="clearfix"></div>

					<div class="side-widget">
						<h4>标签</h4>

						<div class="tags">
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
							<a class="btn btn-default" href="#" role="button">Link</a>
						</div>
					</div>

					<div class="clearfix"></div>

					<div class="side-widget">
						<h4>分类</h4>

						<ul id="toggle-view">
							<li>
								<h3>World</h3>
								<span class="fa fa-angle-down"></span>
								<div class="toggle-panel">
									<div>
										<a href="#">Best of Travel</a>
										<a href="#">Destinations</a>
									</div>

									<div>
										<a href="#">Luxury</a>
										<a href="#">Cruises</a>
									</div>

									<div>
										<a href="#">Adventure</a>
										<a href="#">Business Travel</a>
									</div>

									<div>
										<a href="#">Flights</a>
										<a href="#">Deals</a>
									</div>
								</div>
							</li>
							<li>
								<h3>Lifestyle</h3>
								<span class="fa fa-angle-down"></span>
								<div class="toggle-panel">
									<div>
										<a href="#">Best of Travel</a>
										<a href="#">Destinations</a>
									</div>

									<div>
										<a href="#">Luxury</a>
										<a href="#">Cruises</a>
									</div>

									<div>
										<a href="#">Adventure</a>
										<a href="#">Business Travel</a>
									</div>

									<div>
										<a href="#">Flights</a>
										<a href="#">Deals</a>
									</div>
								</div>
							</li>
							<li>
								<h3>Travel</h3>
								<span class="fa fa-angle-down"></span>
								<div class="toggle-panel">
									<div>
										<a href="#">Best of Travel</a>
										<a href="#">Destinations</a>
									</div>

									<div>
										<a href="#">Luxury</a>
										<a href="#">Cruises</a>
									</div>

									<div>
										<a href="#">Adventure</a>
										<a href="#">Business Travel</a>
									</div>

									<div>
										<a href="#">Flights</a>
										<a href="#">Deals</a>
									</div>
								</div>
							</li>
							<li>
								<h3>Entertainment</h3>
								<span class="fa fa-angle-down"></span>
								<div class="toggle-panel">
									<div>
										<a href="#">Best of Travel</a>
										<a href="#">Destinations</a>
									</div>

									<div>
										<a href="#">Luxury</a>
										<a href="#">Cruises</a>
									</div>

									<div>
										<a href="#">Adventure</a>
										<a href="#">Business Travel</a>
									</div>

									<div>
										<a href="#">Flights</a>
										<a href="#">Deals</a>
									</div>
								</div>
							</li>
							<li>
								<h3>Technology</h3>
								<span class="fa fa-angle-down"></span>
								<div class="toggle-panel">
									<div>
										<a href="#">Best of Travel</a>
										<a href="#">Destinations</a>
									</div>

									<div>
										<a href="#">Luxury</a>
										<a href="#">Cruises</a>
									</div>

									<div>
										<a href="#">Adventure</a>
										<a href="#">Business Travel</a>
									</div>

									<div>
										<a href="#">Flights</a>
										<a href="#">Deals</a>
									</div>
								</div>
							</li>
							<li>
								<h3>Finance</h3>
								<span class="fa fa-angle-down"></span>
								<div class="toggle-panel">
									<div>
										<a href="#">Best of Travel</a>
										<a href="#">Destinations</a>
									</div>

									<div>
										<a href="#">Luxury</a>
										<a href="#">Cruises</a>
									</div>

									<div>
										<a href="#">Adventure</a>
										<a href="#">Business Travel</a>
									</div>

									<div>
										<a href="#">Flights</a>
										<a href="#">Deals</a>
									</div>
								</div>
							</li>
						</ul>

					</div>

					<div class="clearfix"></div>

					<div class="side-widget">
						<h4>网站概况</h4>

						<div class="info">
							<span class="glyphicon glyphicon-file" aria-hidden="true"></span>&nbsp;&nbsp;文章数: <span id="article-count">15453</span><br>
							<span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;用户数: <span id="user-count">1231</span><br>
							<span class="glyphicon glyphicon-comment"></span>&nbsp;&nbsp;评论数: <span id="comment-count">1534</span><br>
							<span class="glyphicon glyphicon-eye-open"></span>&nbsp;&nbsp;访问数: <span id="browse-count">15314</span><br>
							<span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;标签数: <span id="tag-count">1543</span><br>
							<span></span>
						</div>
					</div>

					<div class="clearfix"></div>
				</aside>
			</div>
		</div>
	</div>

	<footer class="margin-top-30" id="footer">
		<div class="container">
			<div class="footer-head">
				<div class="row center-content">
					<div class="col-md-2 col-sm-3">
						<a href="#" id="blog-brand">
							Echo Blog
						</a>
					</div>
					<div class="col-md-6 col-sm-4">
						<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse</p>
					</div>
					<div class="col-md-4 col-sm-5">
						<form class="footer-search">
							<input type="search" placeholder="Search">
							<button type="submit"><i class="fa fa-search"></i></button>
						</form>
					</div>
				</div>
			</div>

			<div class="footer-content">
				<div class="row">
					<div class="col-md-2 col-sm-2">
						<h5 class="text-white">Life</h5>
						<ul class="footer-links">
							<li><a href="#">People</a></li>
							<li><a href="#">Entertain This!</a></li>
							<li><a href="#">Movies</a></li>
							<li><a href="#">Music</a></li>
							<li><a href="#">TV</a></li>
							<li><a href="#">Books</a></li>
						</ul>
					</div>
					<div class="col-md-2 col-sm-2">
						<h5 class="text-white">Money</h5>
						<ul class="footer-links">
							<li><a href="#">People</a></li>
							<li><a href="#">Entertain This!</a></li>
							<li><a href="#">Movies</a></li>
							<li><a href="#">Music</a></li>
							<li><a href="#">TV</a></li>
							<li><a href="#">Books</a></li>
						</ul>
					</div>
					<div class="col-md-2 col-sm-2">
						<h5 class="text-white">Tech</h5>
						<ul class="footer-links">
							<li><a href="#">People</a></li>
							<li><a href="#">Entertain This!</a></li>
							<li><a href="#">Movies</a></li>
							<li><a href="#">Music</a></li>
							<li><a href="#">TV</a></li>
							<li><a href="#">Books</a></li>
						</ul>
					</div>
					<div class="col-md-2 col-sm-2">
						<h5 class="text-white">Travel</h5>
						<ul class="footer-links">
							<li><a href="#">People</a></li>
							<li><a href="#">Entertain This!</a></li>
							<li><a href="#">Movies</a></li>
							<li><a href="#">Music</a></li>
							<li><a href="#">TV</a></li>
							<li><a href="#">Books</a></li>
						</ul>
					</div>
					<div class="col-md-2 col-sm-2">
						<h5 class="text-white">Sport</h5>
						<ul class="footer-links">
							<li><a href="#">People</a></li>
							<li><a href="#">Entertain This!</a></li>
							<li><a href="#">Movies</a></li>
							<li><a href="#">Music</a></li>
							<li><a href="#">TV</a></li>
							<li><a href="#">Books</a></li>
						</ul>
					</div>
					<div class="col-md-2 col-sm-2">
						<h5 class="text-white">Follow Us</h5>
						<ul class="footer-social">
							<li><a href="#">Facebook</a></li>
							<li><a href="#">Twitter</a></li>
							<li><a href="#">Google +</a></li>
							<li><a href="#">Instagram</a></li>
							<li><a href="#">Youtube</a></li>
						</ul>
					</div>
				</div>
			</div>

			<div class="footer-bottom">
				<div class="row">
					<div class="col-md-6 col-sm-6">
						<p>Copyright &copy; 2016 rainbowecho.top. All rights reserved.</p>
					</div>
					<div class="col-md-6 col-sm-6 text-right">
						<ul class="list-inline">
							<li><a href="#">Contact Us</a></li>
							<li><a href="#">Work With Us</a></li>
							<li><a href="#">Advertise</a></li>
							<li><a href="#">Privacy</a></li>
							<li><a href="#">Terms of Service</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</footer>
</div>

<!-- jQuery -->
<script src="../../static/bootstrap-blog/js/jquery.min.js"></script>
<script src="../../static/bootstrap-blog/js/bootstrap/bootstrap.min.js"></script>
<script src="../../static/bootstrap-blog/js/slick/slick.min.js"></script>
<script src="../../static/bootstrap-blog/js/theme.js"></script>
<!--<script src="../static/bbs/js/load.js"></script>-->

</body>
</html>

